/* ------------------------------------------------------------ */
/*
      HAPYAK SKELETON DIRECTORY

      1.  GLOBAL SETTINGS
            - FONTS

      2.  CHAPTER MENU
            - COLLAPSED SETTINGS
              - COLORS
              - RADIUS
            - EXPANDED SETTINGS
              - COLORS
              - CLOSE BUTTON
              - LIST COLORS AND LIST BULLETS
              - HEADER AREA ADJUSTMENTS

      3.  POP (TEXT) COMMENT

      4.  HOT LINK

      5.  QUIZ
            - QUIZ CONTAINER
            - QUIZ BUTTONS
            - OPTIONAL BACKGROUND LOGO
            - SHADE ADJUSTMENTS WHEN QUIZ PRESENT

      6.  EXTRA GOODIES
            - IMPORTS
            - CUSTOM
*/
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/*                      SASS VARS                               */
/* ------------------------------------------------------------ */
@font-face {
  font-family: "blankFont";
  src: url("") format("woff2");
  /* woff2, woff, truetype (ttf), svg, embedded-opentype (eot) */
}
/*$main-fonts: "Arial", "Open Sans", "sans-serif" !important;;*/
/* ------------------------------------------------------------ */
/*                      SASS FUNCTIONS                          */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/*                      GLOBAL SETTINGS                         */
/* ------------------------------------------------------------ */
/* STANDARD FONT */
.hapyak-root.hapyak-annotation-container, .hapyak-root.hapyak-control-bar, .hapyak-root.hapyak-controls-track, .hapyak-root.hapyak-editor-container, .hapyak-root.hapyak-overlay-container, .hapyak-root.hapyak-play-box, .hapyak-root.hapyak-top-left-container, .hapyak-player .hapyak-quiz-builder, .hapyak-annotation-container .popcorn-contents, .hapyak-annotation-container .popcorn-quiz {
  font-family: "", "Open Sans", sans-serif !important;
}

textarea.answer-text, input.question-text.input-xlarge, input.answer-text {
  font-family: "", "Open Sans", sans-serif !important;
}

/* ------------------------------------------------------------ */
/*                      CHAPTER MENU                            */
/* ------------------------------------------------------------ */
/* ---    COLLAPSED CHAPTER MENU --- */
/*        COLORS        */
.popcorn-contents .popcorn-contents-title {
  color: #FFF;
  background-color: rgba(10, 34, 50, 0.8);
  border-top: solid 4px #0057b8 !important;
}

/*        RADIUS        */
.popcorn-contents.top-right .popcorn-contents-title {
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
}

.popcorn-contents.top-left .popcorn-contents-title {
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
}

/* ---    EXPANDED CHAPTER MENU --- */
/*        COLORS        */
.hapyak-contents-column1.expanded {
  /*background: rgba(0, 0, 0, 0.6);*/
  color: #444445;
  background-color: rgba(255, 255, 255, 0.8);
}

/*        CLOSE BUTTON  */
.hapyak-contents-column1 .popcorn-contents-close {
  top: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #444445;
  padding: 15px 16px 6px 8px;
  height: 33px;
  font-size: 3em !important;
}

.popcorn-contents-close {
  left: 349px;
  top: 1px;
  background-color: rgba(255, 255, 255, 0) !important;
  border: none !important;
}

.hapyak-contents-column1 .popcorn-contents-close:hover {
  color: #0057b8;
}

/*        LIST COLORS AND BULLETS  */
.hapyak-contents-column1 .popcorn-contents-list > li:hover,
.hapyak-contents-column1 .popcorn-contents-list > li.active {
  color: #0057b8;
  /*list-style-image: none */
}

/*        HEADER AREA  */
.hapyak-contents-column1.expanded .popcorn-contents-title {
  /*background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 0.2) 100%);*/
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(255, 255, 255, 0.2)));*/
  /*background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 0.2) 100%);*/
  /*background: -o-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 0.2) 100%);*/
  /*background: -ms-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 0.2) 100%);*/
  /*background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.2) 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33ffffff',GradientType=0 );*/
  /*border-bottom: 2px solid #FFF;*/
  /*-webkit-border-radius: 0px;*/
  /*-moz-border-radius: 0px;*/
  /*border-radius: 0px;*/
  /*cursor: default;*/
  /*margin-bottom: 27px;*/
  color: #444445;
}

.popcorn-contents.top-left.active.hapyak-contents-column1 {
  column-count: 1 !important;
}

.popcorn-contents.top-left.active.hapyak-contents-column1.expanded {
  column-count: 1 !important;
}

/* ------------------------------------------------------------ */
/*                      POP COMMENTS                            */
/* ------------------------------------------------------------ */
/*        POP COMMENT SETTINGS  */
.hapyak-annotation-container .popcorn-pop.hapyak-theme-black {
  background-color: rgba(0, 87, 184, 0.8);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  /*border: none;*/
  /*-webkit-box-shadow: none;*/
  /*-moz-box-shadow: none;*/
  /*box-shadow: none;*/
  /*background-color: red;*/
  /*line-height: 1.25em;*/
  /*padding: 9px 12px;*/
  /*text-align: center;*/
  /*color: #FFF;*/
}

/* ------------------------------------------------------------ */
/*                      HOT LINK                                */
/* ------------------------------------------------------------ */
/*        HOT LINK SETTINGS  */
.popcorn-hotlink {
  /*background-color: rgba(255, 255, 255, 0.8);*/
  color: #444445;
  background: none;
}

.popcorn-hotlink:hover {
  background: rgba(0, 87, 184, 0.5);
}

/* ------------------------------------------------------------ */
/*                      QUIZ ANNOTATION                         */
/* ------------------------------------------------------------ */
/*        QUIZ CONTAINER  */
.hapyak-player .hapyak-quiz-container {
  border-top: solid 3px #0057b8;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  /*background-color: rgba($primary-background, 0.9);*/
  /*border: solid 1px #363636;*/
  /*border-top: solid 4px #db6327;*/
}

/*        QUIZ FONT COLOR  */
.hapyak-player .hapyak-quiz-builder {
  color: #0057b8;
}

/*        SET ALIGNMENT OF QUIZ TEXT  */
.hapyak-root.hapyak-annotation-container form.question-form {
  /*text-align:left;*/
}

/*        QUIZ BUTTONS      */
.hapyak-player .hapyak-quiz-builder .btn {
  background: #ff9e1b;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlYzhmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTc0ZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff9e1b 0%, #b46700 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9e1b), color-stop(100%, #b46700));
  background: -webkit-linear-gradient(top, #0057b8 0%, #b46700 100%);
  background: -o-linear-gradient(top, #ff9e1b 0%, #b46700 100%);
  background: -ms-linear-gradient(top, #ff9e1b 0%, #b46700 100%);
  background: linear-gradient(to bottom, #ff9e1b 0%, #b46700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$highlight-color', endColorstr='darken( $highlight-color, 20% )',GradientType=0 );
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  /*border: 1px solid $primary-color;*/
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  /*color: #FFF;*/
  /*text-shadow: 0 -1px 0 #3574E3;*/
}

.hapyak-player .hapyak-quiz-builder .btn:hover {
  background: #ff9e1b;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlYzhmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTc0ZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff9e1b 0%, #814a00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9e1b), color-stop(100%, #814a00));
  background: -webkit-linear-gradient(top, #0057b8 0%, #814a00 100%);
  background: -o-linear-gradient(top, #ff9e1b 0%, #814a00 100%);
  background: -ms-linear-gradient(top, #ff9e1b 0%, #814a00 100%);
  background: linear-gradient(to bottom, #ff9e1b 0%, #814a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$highlight-color', endColorstr='darken( $highlight-color, 30% )',GradientType=0 );
}

/*        DISABLED BUTTON  */
button.btn.btn-large.btn-primary.submit-answers.disabled {
  background: rgba(0, 4, 68, 0.2) !important;
  border: none !important;
}

/*        CANCEL BUTTON  */
button.btn.btn-large.skip.hide {
  color: #FFF;
}

/*        ADD LOGO TO QUIZ  */
.hapyak-quiz-container.quiz-viewer {
  /*background-image: url($company-logo) !important;*/
  /*background-repeat: no-repeat;*/
  /*background-position: 50% 18px;*/
  /*padding-top: 70px;*/
  /*background-size: 200px 70px;*/
}

/*        SHADE VIDEO BACKGROUND WHEN QUIZ APPEARS  */
.hapyak-player .popcorn-quiz.active.hapyak-action-pause,
.hapyak-player .popcorn-quiz.active.hapyak-action-gate, .shadebackground {
  /*-webkit-box-shadow: 0px 0px 0px 1200px rgba(0,0,0,0.5);*/
  /*-moz-box-shadow: 0px 0px 0px 1200px rgba(0,0,0,0.5);*/
  /*box-shadow: 0px 0px 0px 12000px rgba(0,0,0,0.75);*/
}

.hapyak-player .popcorn-quiz.active, .hapyak-player .active.hapyak-action-gate, .shadebackground {
  /*opacity: 1;*/
  /*visibility: visible;*/
}

a.btn.btn-large.new-question, a.btn.btn-large.dropdown-toggle, button.new-choice.btn.btn-large, button.new-text-choice.btn.btn-large {
  color: #FFF !important;
}

/* ------------------------------------------------------------ */
/*                      SASS IMPORTS                            */
/* ------------------------------------------------------------ */
div.full-frame[style] {
  max-width: 100%;
  max-height: 100%;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}

div.full-frame-image[style] {
  max-width: 100%;
  max-height: 100%;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}

.full-frame {
  max-width: 100%;
  max-height: 100%;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}

.full-frame-image {
  max-width: 100%;
  max-height: 100%;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}

/*@import "hy_animate_v2";*/
/*@import "noSkipNoTimelineNoMarkers";*/
/*@import "shade_background";*/
/*@import "hapyak_extra_goodies";*/
/*@import "pop_center_text";*/
.hapyak-control-bar .hapyak-controls .hapyak-group-info .hapyak-tiny-logo {
  display: none;
}

/*@import "on_hover_player";*/
/*@import "HAPYAK_controlbar_no_skip_btns";*/
/*@import "HAPYAK_controlbar_remove_markers";*/
/*@import "HAPYAK_no_outline_on_hover";*/
/*@import "HAPYAK_font_size";*/
/* ------------------------------------------------------------ */
/*                         CUSTOM                               */
/* ------------------------------------------------------------ */
.company-logo-large {
  background-size: 400px !important;
}

.btn {
  color: #FFF !important;
}

h3.popcorn-contents-title:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "\ED50";
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  margin-right: 15px;
}

.expanded h3.popcorn-contents-title:before {
  color: #444445 !important;
}

.hapyak-view-mode .hapyak-control-bar .hapyak-timeline {
  display: none;
}

.hapyak-view-mode .hapyak-control-bar .hapyak-controls .hapyak-group-standard .ss-skipback, .hapyak-view-mode .hapyak-control-bar .hapyak-controls .hapyak-group-standard .ss-skipforward {
  display: none;
}

.hapyak-view-mode .hapyak-control-bar .hapyak-controls > .hapyak-group-info .hapyak-tiny-logo {
  display: none;
}

.hapyak-view-mode .hapyak-control-bar .hapyak-marker {
  display: none;
}

.hapyak-annotation-container .popcorn-pop.hapyak-theme-black, .hapyak-annotation-container .popcorn-pop.hapyak-theme-white {
  text-align: left;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

h4.thank-you {
  text-align: left !important;
}

span.popcorn-contents-label {
  font-size: 1em !important;
}